<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 本体样式 -->
    <link rel="stylesheet" href="./css/fuwu.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/server-banner .css">
</head>

<body>

<header class="mz-index-header2">
    <div class="container d-flex justify-content-between align-items-center mz-topbar">
        <h1 class="mz-logo">
        <a href="index.html">
            <svg width="108px" fill="#008cff" height="21px" viewbox="0 0 108 21" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <g id="页面-1" stroke="none" stroke-width="1" fill-rule="evenodd">
                <g id="编组" transform="translate(0.999800, 0.999800)">
                <polygon id="Fill-1" points="53.3530588 20 56.6877647 20 56.6877647 0 53.3530588 0"></polygon>
                <path d="M103.371647,0.000176470588 L103.371647,15.0003235 C103.371647,15.9199718 102.625176,16.6667451 101.704588,16.6667451 L98.3698824,16.6667451 L96.7022353,16.6667451 L91.7004706,16.6667451 C90.7798824,16.6667451 90.0334118,15.9199718 90.0334118,15.0003235 L90.0334118,0.000176470588 L86.6987059,0.000176470588 L86.6987059,15.8335343 C86.6987059,18.1344193 88.5651765,20.0001765 90.8669412,20.0001765 L96.7022353,20.0001765 L98.3698824,20.0001765 L102.538118,20.0001765 C104.839882,20.0001765 106.706353,18.1344193 106.706353,15.8335343 L106.706353,0.000176470588 L103.371647,0.000176470588 Z" id="Fill-2"></path>
                <path d="M22.5082353,0.000176470588 L15.0052941,0.000176470588 L11.6711765,0.000176470588 L4.16823529,0.000176470588 C1.86588235,0.000176470588 -2.71678105e-14,1.865236 -2.71678105e-14,4.16657365 L-2.71678105e-14,19.9990005 L3.33470588,19.9990005 L3.33470588,4.99973549 C3.33470588,4.07896524 4.08117647,3.33282383 5.00176471,3.33282383 L11.6711765,3.33282383 L11.6711765,20.0001765 L15.0052941,20.0001765 L15.0052941,3.33282383 L21.6747059,3.33282383 C22.5952941,3.33282383 23.3423529,4.07896524 23.3423529,4.99973549 L23.3423529,19.9990005 L26.6764706,19.9990005 L26.6764706,4.16657365 C26.6764706,1.865236 24.8105882,0.000176470588 22.5082353,0.000176470588" id="Fill-4"></path>
                <path d="M31.6787647,4.16717644 L31.6787647,4.16717644 L31.6787647,15.8336471 C31.6787647,18.1345997 33.5446471,20.0004118 35.847,20.0004118 L48.3517059,20.0004118 L48.3517059,16.6668824 L36.6805294,16.6668824 C35.7593529,16.6668824 35.0128824,15.9212632 35.0128824,15.0004118 L35.0128824,13.3333531 L35.0128824,11.6674704 L48.3517059,11.6674704 L48.3517059,8.33394111 L35.0128824,8.33394111 L35.0128824,5.00041176 C35.0128824,4.0795603 35.7593529,3.33335308 36.6805294,3.33335308 L48.3517059,3.33335308 L48.3517059,0.000411764706 L35.847,0.000411764706 C33.5446471,0.000411764706 31.6787647,1.8656358 31.6787647,4.16717644" id="Fill-6"></path>
                <path d="M81.6971176,2.50017657 C81.6971176,1.11948741 80.5771176,0.000470588235 79.1959412,0.000470588235 L61.6894706,0.000470588235 L61.6894706,3.3334119 L76.7135882,3.3334119 L62.523,15.6367166 L62.5253529,15.6384807 C62.0135882,16.0965543 61.6894706,16.7598496 61.6894706,17.5001766 C61.6894706,18.8814538 62.8094706,20.0004706 64.1900588,20.0004706 L81.6971176,20.0004706 L81.6971176,16.6669412 L66.6653529,16.6669412 L80.7418235,4.46242519 C81.3224118,4.0049396 81.6971176,3.29695418 81.6971176,2.50017657" id="Fill-8"></path>
                </g>
            </g>
            </svg>
        </a>
        </h1>
        <ul class="nav mz-nav ml-5" id="mz-nav">
        <li class="nav-item"><a href="typesPhones.html" class="nav-link py-0" data-t="sj">手机</a></li>
        <li class="nav-item"><a href="typesLipro.html" class="nav-link py-0" data-t="lipro">Lipro</a></li>
        <li class="nav-item"><a href="typesSound.html" class="nav-link py-0" data-t="sx">声学</a></li>
        <li class="nav-item"><a href="typesFittings.html" class="nav-link py-0" data-t="pj">配件</a></li>
        <li class="nav-item"><a href="typesLife.html" class="nav-link py-0" data-t="sh">生活</a></li>
        <li class="nav-item"><a href="#" class="nav-link py-0">Flyme</a></li>
        <li class="nav-item"><a href="#" class="nav-link py-0">服务</a></li>
        <li class="nav-item"><a href="#" class="nav-link py-0">专卖店</a></li>
        <li class="nav-item"><a href="#" class="nav-link py-0">社区</a></li>
        <li class="nav-item"><a href="qyfw.html" class="nav-link py-0">企业服务</a></li>
        <li class="nav-item">
            <a href="#" class="nav-link py-0" data-t="app">APP下载</a>
        </li>
        </ul>
        <div class="mz-search pl-3">
        <input type="text" placeholder="魅族 18" class="border-0 w-75 h-100">
        <a href="#">
            <i class="iconfont icon-sousuo"></i>
        </a>
        </div>
        <div class="mz-login mz">
            <img src="./images/geren.png" alt="login">
            <ul class="mz-login-list text-center">
            <li><a href="login.html">立即登录</a></li>
            <li><a href="register.html">立即注册</a></li>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">M码通道</a></li>
            </ul>
        </div>
        <div class="mz-shopcar mz">
        <img src="./images/shopcar.png" alt="shopcar"><span class="bg-danger text-center text-white">0</span>
        <ul class="mz-shopcar-list text-center">
        </ul>
        </div>
        
    </div>
    <div class="mz-nav-menu">
        <div class="mz-menu h-100" id="mz-menu">
        <ul class="mz-menu-sj card-group text-center d-flex justify-content-center" data-t="sj">
            <li class="card border-0">
            <a href="details.html?phone=2" class="card-body p-2">
                <img src="./images/menu-sj-1.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 18「踏雪」</p>
                <p class="mz-price">￥3999</p>
            </a>
            </li>
            <li class="card border-0">
            <a href="details.html?phone=2" class="card-body p-2">
                <img src="./images/menu-sj-2.png" alt="sj1" class="card-img-top">
                <p class="mz-info"> 魅族 18「等风」</p>
                <p class="mz-price">￥3999</p>
            </a>
            </li>
            <li class="card border-0">
            <a href="details.html?phone=2" class="card-body p-2">
                <img src="./images/menu-sj-3.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 18「渡海」</p>
                <p class="mz-price">￥3999</p>
            </a>
            </li>
            <li class="card border-0">
            <a href="details.html?phone=1" class="card-body p-2">
                <img src="./images/menu-sj-4.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 18 Pro「飞雪流光」</p>
                <p class="mz-price">￥4999</p>
            </a>
            </li>
            <li class="card border-0">
            <a href="details.html?phone=1" class="card-body p-2">
                <img src="./images/menu-sj-5.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 18 Pro「苍穹浩瀚」</p>
                <p class="mz-price">￥4999</p>
            </a>
            </li>
            <li class="card border-0">
            <a href="details.html?phone=1" class="card-body p-2">
                <img src="./images/menu-sj-6.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 18 Pro「银河秘境」</p>
                <p class="mz-price">￥4999</p>
            </a>
            </li>
            <li class="card border-0">
            <a href="details.html?phone=4" class="card-body p-2">
                <img src="./images/menu-sj-7.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 17 Pro</p>
                <p class="mz-price">￥4299</p>
            </a>
            </li>
            <li class="card border-0">
            <a href="details.html?phone=3" class="card-body p-2">
                <img src="./images/menu-sj-8.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 17</p>
                <p class="mz-price">￥3699</p>
            </a>
            </li>
        </ul>
        <ul class="mz-menu-lipro card-group text-center d-flex justify-content-center" data-t="lipro">
            <li class="card border-0">
              <a href="details.html?lipro&5" class="card-body p-2">
                <img src="./images/menu-lipro-1.png" alt="sj1" class="card-img-top">
                <p class="mz-info">【新品】Lipro LED 智能吸顶灯</p>
                <p class="mz-price">￥599</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?lipro&6" class="card-body p-2">
                <img src="./images/menu-lipro-2.png" alt="sj1" class="card-img-top">
                <p class="mz-info">【新品】Lipro 智能蓝牙控制器</p>
                <p class="mz-price">￥89</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?lipro&7" class="card-body p-2">
                <img src="./images/menu-lipro-2.png" alt="sj1" class="card-img-top">
                <p class="mz-info">【新品】Lipro 可控硅无极调光面板</p>
                <p class="mz-price">￥199</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?lipro&8" class="card-body p-2">
                <img src="./images/menu-lipro-3.png" alt="sj1" class="card-img-top">
                <p class="mz-info">【无线版】魅族 Lipro LED 筒灯</p>
                <p class="mz-price">￥99</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?lipro&9" class="card-body p-2">
                <img src="./images/menu-lipro-4.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 Lipro LED 橱柜灯</p>
                <p class="mz-price">￥269</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?lipro&10" class="card-body p-2">
                <img src="./images/menu-lipro-5.png" alt="sj1" class="card-img-top">
                <p class="mz-info">魅族 Lipro LED 灯泡</p>
                <p class="mz-price">49</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?lipro&11" class="card-body p-2">
                <img src="./images/menu-lipro-6.png" alt="sj1" class="card-img-top">
                <p class="mz-info">            魅族 Lipro LED 地脚灯
                </p>
                <p class="mz-price">￥99</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-lipro-7.png" alt="sj1" class="card-img-top">
                <p class="mz-info">            魅族 Lipro LED 灯带
                </p>
                <p class="mz-price">￥999</p>
              </a>
            </li>
          </ul>
          <ul class="mz-menu-sx card-group text-center d-flex justify-content-center" data-t="sx">
            <li class="card border-0">
              <a href="details.html?sound&12" class="card-body p-2">
                <img src="./images/menu-sx-1.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  【新品】魅族 POP Pro 主动降噪耳机
                </p>
                <p class="mz-price">￥459</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?sound&13" class="card-body p-2">
                <img src="./images/menu-sx-2.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 POP2s 真无线耳机
                </p>
                <p class="mz-price">￥279</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?sound&14" class="card-body p-2">
                <img src="./images/menu-sx-3.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 HD60 降噪耳机
                </p>
                <p class="mz-price">￥799</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?sound&15" class="card-body p-2">
                <img src="./images/menu-sx-4.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 HD60 头戴式蓝牙耳机
                </p>
                <p class="mz-price">￥329</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?sound&16" class="card-body p-2">
                <img src="./images/menu-sx-5.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 HIFI 解码耳放
                </p>
                <p class="mz-price">￥119</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?sound&17" class="card-body p-2">
                <img src="./images/menu-sx-6.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 EP3C 耳机
                </p>
                <p class="mz-price">￥99</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?sound&18" class="card-body p-2">
                <img src="./images/menu-sx-7.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  MEIZU UR LIVE 特调版
                </p>
                <p class="mz-price">￥1299</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="details.html?sound&19" class="card-body p-2">
                <img src="./images/menu-sx-8.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  MEIZU UR 高端定制耳机  预约
                </p>
                <p class="mz-price">￥200</p>
              </a>
            </li>
          </ul>
          <ul class="mz-menu-pj card-group text-center d-flex justify-content-center" data-t="pj">
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-1.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  【新品】魅族全智能手表
                </p>
                <p class="mz-price">￥1499</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-2.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  【新品】魅族立式无线超充
                </p>
                <p class="mz-price">￥199</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-3.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 18 系列手机保护膜
                </p>
                <p class="mz-price">￥29</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-4.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 18 系列 PC 电镀壳
                </p>
                <p class="mz-price">￥39</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-5.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 18 液态硅胶壳
                </p>
                <p class="mz-price">￥89</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-6.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 18 Pro 液态硅胶壳
                </p>
                <p class="mz-price">￥89</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-7.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族超充 USB-C 移动电源
                </p>
                <p class="mz-price">￥149</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-pj-8.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族超充 GaN 三口充电器
                </p>
                <p class="mz-price">￥189</p>
              </a>
            </li>
          </ul>
          <ul class="mz-menu-sh card-group text-center d-flex justify-content-center" data-t="sh">
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-sh-1.png" alt="sj1" class="card-img-top">
                <p class="mz-info">            【新款】「PANDAER 18」T恤
                </p>
                <p class="mz-price">￥129</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-sh-2.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  【新款】「PANDAER 18」T恤
                </p>
                <p class="mz-price">￥129</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-sh-3.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族防飞溅声波电动牙刷
                </p>
                <p class="mz-price">￥179</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-sh-4.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族声波电动牙刷刷头
                </p>
                <p class="mz-price">￥59</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-sh-5.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  PANDAER 「龍」T恤
                </p>
                <p class="mz-price">￥129</p>
              </a>
            </li>
            <li class="card border-0">
              <a href="#" class="card-body p-2">
                <img src="./images/menu-sh-6.png" alt="sj1" class="card-img-top">
                <p class="mz-info">
                  魅族 City Walk 双肩包
                </p>
                <p class="mz-price">￥139</p>
              </a>
            </li>
          </ul>
        <div class="container-fluid px-0 mz-app-drop" data-t="app">
            <img src="./images/app.png" alt="" class="d-block">
        </div>
        </div>
    </div>
</header>




    

<!-- boanner-->
<div class="mz-banner">
    <div class="carousel slide" data-ride="carousel" id="banner">
      <!-- 展示图区域 -->
      <div class="carousel-inner h-100 mz-banner-pic">
        <div class="carousel-item active mz-b1">
        </div>
        <div class="carousel-item mz-b2">
        </div>
        <div class="carousel-item mz-b3">
        </div>
        <div class="carousel-item mz-b4">
        </div>
        <!-- <div class="carousel-item mz-b5">
        </div> -->
        <!-- <div class="carousel-item mz-b6">
        </div>
        <div class="carousel-item mz-b7">
        </div> -->
      </div>
      <!-- 指示符区域 -->
      <ul class="carousel-indicators mz-ind">
        <li class="active" data-target="#banner" data-slide-to="0"></li>
        <li data-target="#banner" data-slide-to="1"></li>
        <li data-target="#banner" data-slide-to="2"></li>
        <li data-target="#banner" data-slide-to="3"></li>
        <li data-target="#banner" data-slide-to="4"></li>
        <!-- <li data-target="#banner" data-slide-to="5"></li>
        <li data-target="#banner" data-slide-to="6"></li> -->
    </ul>
    </div>
  </div>









    <!-- 服务 -->
    <div class="fuwu">
        <div class="fuwu-menu mz-container">
            <div class="clearfix">
                <ul class="ul-menu">
                    <li class="wu-menu">
                        <span><img src="./images/server/fuwu1.png" alt=""></span>
                        <a href="">产品注册</a>
                    </li>

                </ul>

                <ul class="ul-menu .wu-menu-1">
                    <li class="wu-menu">
                        <span><img src="./images/server/fuwu2.png" alt=""></span>
                        <a href="">真伪查询</a>
                    </li>

                </ul>

                <ul class="ul-menu">
                    <li class="wu-menu">
                        <span><img src="./images/server/fuwu3.png" alt=""></span>
                        <a href="">维修查询</a>
                    </li>

                </ul>

                <ul class="ul-menu">
                    <li class="wu-menu">
                        <span><img src="./images/server/fuwu4.png" alt=""></span>
                        <a href="">查询支付</a>
                    </li>

                </ul>

                <ul class="ul-menu">
                    <li class="wu-menu">
                        <span><img src="./images/server/fuwu5.png" alt=""></span>
                        <a href="">自助服务</a>
                    </li>

                </ul>

                <ul class="ul-menu">
                    <li class="wu-menu">
                        <span><img src="./images/server/fuwu6.png" alt=""></span>
                        <a href="">以旧换新</a>
                    </li>

                </ul>

                <ul class="ul-menu">
                    <li class="wu-menu">
                        <span><img src="./images/server/fuwu7.png" alt=""></span>
                        <a href="">查找手机</a>
                    </li>

                </ul>
            </div>
            <!-- 维修 menu -->
            <div class="weixiu-menu  ">
                <ul class="service1">
                    <li class="wu-menu">
                        <a href="" class="service-icon">
                            <img src="./images/server/图层 1.png" alt="">
                        </a>
                        <em class="service-title"> 寄送快修</em>
                        <span class="service-info">自动寄修，上门取件</span>
                    </li>
                </ul>

                <ul class="service1">
                    <li class="wu-menu">
                        <a href="" class="service-icon">
                            <img src="./images/server/图层 2.png" alt="">
                        </a>
                        <em class="service-title"> 预约维修</em>
                        <span class="service-info">魅族服务网点，无忧预约</span>
                    </li>
                </ul>

                <ul class="service1">
                    <li class="wu-menu">
                        <a href="" class="service-icon">
                            <img src="./images/server/图层 3.png" alt="">
                        </a>
                        <em class="service-title"> 上门快修</em>
                        <span class="service-info">专业维修工程师，上门服务</span>
                    </li>
                </ul>

                <ul class="service1">
                    <li class="wu-menu">
                        <a href="" class="service-icon">
                            <img src="./images/server/图层 4.png" alt="">
                        </a>
                        <em class="service-title"> 魅族Care+</em>
                        <span class="service-info">服务更多元，生活更轻松</span>
                    </li>
                </ul>
            </div>



        </div>
    </div>


    <!-- 产品 -->
    <div class="chanpin">
        <div class="chanpin-menu  mz-container clearfix p-0">
            <p class="chanpin-title">请选择您的产品</p>
            <!-- 手机图片菜单 -->
            <ul class="chanpin-type clearfix">
                <li class="chanpin-link ">
                    <a href="" class="chanpin-link-phone">
                        <div class="chanpin-link-phone-a">
                            <img src="./images/server/meizu_511a115.jpg" alt="" class="chanpin-link-phone-img">
                        </div>
                        <span class="chanpin-link-phone-name">魅族</span>
                    </a>

                </li>

                <li class="chanpin-link ">
                    <a href="" class="chanpin-link-phone">
                        <div class="chanpin-link-phone-a">
                            <img src="./images/server/meilan_ea9159c.jpg" alt="" class="chanpin-link-phone-img">
                        </div>
                        <span class="chanpin-link-phone-name">魅蓝</span>
                    </a>

                </li>

                <li class="chanpin-link ">
                    <a href="" class="chanpin-link-phone">
                        <div class="chanpin-link-phone-a">
                            <img src="./images/server/accessory_ee4a951.jpg" alt="" class="chanpin-link-phone-img">
                        </div>
                        <span class="chanpin-link-phone-name">智能配件</span>
                    </a>

                </li>
            </ul>

            <ul class="chanpin-video">
                <span class="chanpini-left"><img src="./images/server/chanpini-left.jpg" alt="">
                    <a class="chanpini-r"><img src="./images/server/shiping1.png">
                    </a>
                    <p class="chanpini-name">魅族服务15周年</p>
                    <h3 class="chanpini-desc">这是我们</h3>

                </span>

                <span class="chanpini-right"><img src="./images/server/chanpini-right.jpg" alt="">
                    <a class="chanpini-r"><img src="./images/server/shiping1.png">
                    </a>
                    <p class="chanpini-name">魅族 16 旗舰手机</p>
                    <h3 class="chanpini-desc">屏下指纹篇：光学驱动 解锁毫秒间</h3>

                </span>
            </ul>


        </div>
    </div>

    <!-- 专属利益 -->
    <div class="zhuanshuliyi clearfix">
        <div class="vipservice-list mz-container ">
            <p class="menu-title">您的专属权益服务</p>
           <ul class="vipservice-list clearfix">
               <li class="vip ">
                <div class="vip-ico">
                    <img src="./images/server/zhuanshu1.png" alt="">
                </div>
                <div class="vip-info">
                    <p class="tit">PRO 专享服务</p>
                    <h3 class="info">VIP Service 为 PRO 系列用户提供全国体验中心专属的绿色通道，更有 20 座城市提供首次免费上门快修服务，给您贵宾级的售后服务。</h3>
                    <a href="" class="link">前往体验旗舰服务 ></a>
                </div>
               </li>

               <li class="vip ">
                <div class="vip-ico">
                    <img src="./images/server/zhuanshu2.png" alt="">
                </div>
                <div class="vip-info">
                    <p class="tit">远程支持（维护中）</p>
                    <h3 class="info">无论是手机软件设置问题还是使用问题 ，魅族官方技术顾问都可以通过 mSupport APP 一站式为您排除故障。。</h3>
                    
                </div>
               </li>


               <li class="vip ">
                <div class="vip-ico">
                    <img src="./images/server/zhuanshu3.png" alt="">
                </div>
                <div class="vip-info">
                    <p class="tit">魅族服务</p>
                    <h3 class="info">「魅族服务」是提供一站式服务的 APP ，内置会员认证、专业客服、智能定位、线上送修等功能，是您身边的专属管家。</h3>
                    <a href="" class="link">下载并体验 ></a>
                </div>
               </li>

               <li class="vip ">
                <div class="vip-ico">
                    <img src="./images/server/zhuanshu4.png" alt="">
                </div>
                <div class="vip-info">
                    <p class="tit">百城速达</p>
                    <h3 class="info">与快递行业翘楚深入合作，带来全新的快递体验。 覆盖全国 105 个城市，最晚次日即可送达。</h3>
                    <a href="" class="link">了解详情 ></a>
                </div>
               </li>
           </ul>

           
            
        </div>
    </div>

<!-- 了解常见问题 -->
<div class="changjianwenti">
<div class="changjianwenti-menu mz-container">
    <p class="menu-title">了解常见问题</p>
    <div class="section-box">
        <ul class="question-list">
            <li class="question-item">
                <a href="">购买帮助</a>
                <h5>—</h5>
                <ul class="question-list-detail">
                    <li class="question-link"><a href="">支付方式</a></li>
                    <li class="question-link"><a href="">配送说明</a></li>
                    <li class="question-link"><a href="">付款帮助</a></li>
                    <li class="question-link"><a href="">订单查询</a></li>
                    <li class="question-link"><a href="">手机配件价格</a></li>
                </ul>
            </li>

            <li class="question-item">
                <a href="">售后政策</a>
                <h5>—</h5>
                <ul class="question-list-detail">
                    <li class="question-link"><a href="">7 天无理由退货</a></li>
                    <li class="question-link"><a href="">15 天换货保障</a></li>
                    <li class="question-link"><a href="">1 年免费保修</a></li>
                    <li class="question-link"><a href="">配件售后政策</a></li>
                
                </ul>
            </li>

            <li class="question-item">
                <a href="">系统相关</a>
                <h5>—</h5>
                <ul class="question-list-detail">
                    <li class="question-link"><a href="">手机系统下载</a></li>
                    <li class="question-link"><a href="">MP3 系统下载</a></li>
                    <li class="question-link"><a href="">应用商店</a></li>
                    <li class="question-link"><a href="">应用公示</a></li>
                    <li class="question-link"><a href="">手机资料迁移教程</a></li>
                </ul>
            </li>

            <li class="question-item">
                <a href="">热门问题</a>
                <h5>—</h5>
                <ul class="question-list-detail">
                    <li class="question-link"><a href="">魅族 16s Pro</a></li>
                    <li class="question-link"><a href="">魅族 16T</a></li>
                    <li class="question-link"><a href="">魅族 17</a></li>
                    <li class="question-link"><a href="">魅族 17 Pro</a></li>
                </ul>
            </li>

            <li class="question-item">
                <a href="">特色服务</a>
                <h5>—</h5>
                <ul class="question-list-detail">
                    <li class="question-link"><a href="">VIP 服务</a></li>
                    <li class="question-link"><a href="">百城速达</a></li>
                    <li class="question-link"><a href="">专卖店</a></li>
                    <li class="question-link"><a href="">服务中心</a></li>
                </ul>
            </li>

          
        </ul>

        

        
    </div>
</div>
</div>

<!-- 通过以下方式联系我们 -->
<div class="lianxi">
<div class="lianxi-menu mz-container">
 
        <p class="menu-title">通过以下方式联系我们 </p>
 <div class="lianxi-box">
     <ul class="contact-us">
         <li>
          <a href="" class="contact-link">
          <span class="contact-icon"><img src="./images/server/lianxi1.png" alt=""></span>
          <em class="contact-title">周一至周日 8:00-20:00</em>
          <i class="contact-tips">点击在线咨询客服</i>
        </a>
         </li>

         <li>
            <a href="tel:400-788-3333" class="contact-link">
            <span class="contact-icon"><img src="./images/server/lianxi2.png" alt=""></span>
            <em class="contact-title">400-788-3333</em>
            <i class="contact-tips">周一至周日 8:00-20:00</i>
          </a>
           </li>

           <li>
            <a href="" class="contact-link">
            <span class="contact-icon"><img src="./images/server/lianxi3.png" alt=""></span>
            <em class="contact-title">魅族科技</em>
            <i class="contact-tips">直接对话微信客服</i>
          </a>
          <div class="contact-weixin">
            <img src="./images/server/meizuweixin.png" alt="">
        </div>
           </li>

           <li>
            <a href="" class="contact-link">
            <span class="contact-icon"><img src="./images/server/lianxi4.png" alt=""></span>
            <em class="contact-title">魅族 care 微博</em>
            <i class="contact-tips">关注微博，了解资讯</i>
          </a>
         
           </li>
     </ul>


  </div>

 </div>

</div>

  <!-- 专卖店 -->
  <div class="zhuanmaidian clearfix"> 
     <div class="zhuanmaidian-menu mz-container clearfix">
     <ul class=" clearfix">
         <li class=" zhuanmaidian-box ">
             <p class="zhuanmaidian-tit">魅族专卖店</p>
             <p class="zhuanmaidian-desc">魅族线下门店，方便您体验和选购魅族产品，并为您提供详细的产品使用指南以及帮助。</p>
             <a href="">查找附近的专卖店 ></a>

             <!--left-bottom  -->
          <ul class="zhuanmaidian-icons">
                <li class="zhuanmaidian-icon">
                    <span class="zhuanmaidian-icon-1"></span>
                    <em>免费刷机</em>
                </li>

                <li class="zhuanmaidian-icon">
                    <span class="zhuanmaidian-icon-2"></span>
                    <em>专家教学</em>
                </li>

                <li class="zhuanmaidian-icon ">
                    <span class="zhuanmaidian-icon-3"></span>
                    <em>高速wifi</em>
                </li>

                <li class="zhuanmaidian-icon icon-2">
                    <span class="zhuanmaidian-icon-4"></span>
                    <em>新机体验</em>
                </li>

                <li class="zhuanmaidian-icon">
                    <span class="zhuanmaidian-icon-5"></span>
                    <em>应急充电</em>
                </li>

                <li class="zhuanmaidian-icon">
                    <span class="zhuanmaidian-icon-6"></span>
                    <em>免费贴膜</em>
                </li>
             </ul> 
  
         </li>

        <li class="zhuanmaidian-img1">
            <img src="./images/server/boutique1_4e969a6.png" alt="">
        </li>
       
        <li class="zhuanmaidian-img1 ">
            <img src="./images/server/boutique2_476b41f.png" alt="">
        </li>

          <!-- right-bottom  --> 
        <li class=" zhuanmaidian-box">
            <p class="zhuanmaidian-tit">魅族授权服务体验中心</p>
            <p class="zhuanmaidian-desc">魅族线下门店，方便您体验和选购魅族产品，并为您提供详细的产品使用指南以及帮助。</p>
            <a href="">查找附近的体验中心 ></a>

            <ul class="zhuanmaidian-icons">
               <li class="zhuanmaidian-icon">
                   <span class="zhuanmaidian-icon-7"></span>
                   <em>全年无休</em>
               </li>

               <li class="zhuanmaidian-icon">
                   <span class="zhuanmaidian-icon-8"></span>
                   <em>极速快修</em>
               </li>

               <li class="zhuanmaidian-icon">
                   <span class="zhuanmaidian-icon-9"></span>
                   <em>软件升级</em>
               </li>

               <li class="zhuanmaidian-icon">
                   <span class="zhuanmaidian-icon-10"></span>
                   <em>VIP 服务</em>
               </li>

               <li class="zhuanmaidian-icon">
                   <span class="zhuanmaidian-icon-11"></span>
                   <em>新品体验</em>
               </li>

               <li class="zhuanmaidian-icon">
                   <span class="zhuanmaidian-icon-12"></span>
                   <em>专家咨询</em>
               </li>
               </ul> 
 
        </li>
        
     </ul>
 


     </div> 
  </div>

<!--底部菜单  -->
  <footer class="menu-footer mz-container">
    <!-- 尾部菜单栏 -->
   <div class="meizu-footer  clearfix h-100" >
     <!-- 尾部菜单栏 左边-->
       <div class="footer-left">

           <ul>
               <li>
                   <a href="JavaScript:;">
                       <img src="./images/server/meizu-footer1.png" alt="">
                   </a>
                   <span>满90免运费</span>
               </li>
           </ul>

           <ul>
               <li>
                   <a href="JavaScript:;">
                       <img src="./images/server/meizu-footer2.png" alt="">
                   </a>
                   <span>100+城市次日送达</span>
               </li>
           </ul>

           <ul>
               <li>
                   <a href="JavaScript:;">
                       <img src="./images/server/meizu-footer3.png" alt="">
                   </a>
                   <span>一年没免费保修</span>
               </li>
           </ul>

           <ul>
               <li>
                   <a href="JavaScript:;">
                       <img src="./images/server/meizu-footer4.png" alt="">
                   </a>
                   <span>15天换货保障</span>
               </li>
           </ul>

           <ul>
               <li>
                   <a href="JavaScript:;">
                       <img src="./images/server/meizu-footer5.png" alt="">
                   </a>
                   <span>一年免费保修</span>
               </li>
           </ul>
 
           <ul>
               <li>
                   <a href="JavaScript:;">
                       <img src="./images/server/meizu-footer6.png" alt="">
                   </a>
                   <span>上门快修</span>
               </li>
           </ul>
        
       </div>
       <!-- 尾部菜单栏 右边-->
       <div class="footer-right">
           <span>周一至周日 8:00-20:00</span>
           <p>400-788-3333</p>
           <a href="JavaScript:;" class="right-btn">现在客服</a>
       </div>
    
   </div>
   <!-- 线 -->
   <hr class="footer-line">
  
   <div class="meizu-footer-links ">
      <ul class="clearfix">
          <li><a href="">了解魅族</a> </li>
          <li><a href="">加入我们</a> </li>
          <li><a href="">联系我们</a> </li>
          <li><a href="">Flyme</a> </li>
          <li><a href="">魅族社区</a> </li>
          <li><a href="">天猫旗舰店</a> </li>
          <li><a href="">问题反馈</a> </li>
          <li><a href="">线上授权名单公示</a> </li>
          <li><a href=""> 出版物经营许可证</a></li>
          <li><a href=""> 简体中文</a></li>
      </ul>
   </div>

   <div class="meizu-footer-certificate">
       ©2020 Meizu Telecom Equipment Co., Ltd. All rights reserved. &nbsp;&nbsp;&nbsp;&nbsp;
      <a href="">  粤ICP备13003602号</a>
      <a href="">合字B2-20170010 </a>
      <a href="">营业执照</a>
      <a href="">法律声明</a>
      <a href=""> <img src="./images/server/menu-footer.png" alt="" >粤公网安备 44049102496009 号 </a>
      <a href=""><img src="./images/server/menu-footer2.png" alt="" ></a>
      <a href=""><img src="./images/server/menu-footer3.png" alt="" ></a>
      <a href=""><img src="./images/server/menu-footer4.png" alt="" ></a>
   </div>
</footer>

<script src="./js/header.js"></script>

</body>

</html>